<template>
  <div class="wrap">
    <div class="view-type-box">
      <el-radio-group v-model="viewType" class="platform-radio">
        <el-radio-button
          v-for="item in viewList"
          :key="item.value"
          :label="item.value"
        >{{item.name}}</el-radio-button>
      </el-radio-group>
    </div>
    <div class="content">
      <template v-if="viewType === 'user'">
        <user-payment-view></user-payment-view>
      </template>
      <template v-else>
        <agent-payment-view></agent-payment-view>
      </template>
    </div>

  </div>
</template>

<script>
import UserSettlementView from "@/views/FLData/components/UserSettlementView.vue";
import AgentSettlementView from "@/views/FLData/components/AgentSettlementView.vue";
import UserPaymentView from "@/views/FLData/components/UserPaymentView.vue";
import AgentPaymentView from "@/views/FLData/components/AgentPaymentView.vue";

export default {
  name: "FLDataSettlement",
  components: {AgentPaymentView, UserPaymentView},
  data(){
    return {
      viewType: 'user',
      viewList: [
        {name: '客户结算', value: 'user'},
        {name: '代理结算', value: 'agent'},
      ]
    }
  }
}
</script>


<style scoped lang="scss">
.wrap{
  padding: 20px 20px;
  .view-type-box{
    padding-bottom: 10px;
    border-bottom: 1px solid #ebeef5;
  }
}
</style>
